<template>
    <view class="evaluate mt-20 b-24">
        <view class="f ai-c jc-s-b pt-32 ph-32">
            <view class="fs-36 fw-600 text-color4">客户评价</view>
            <view class="f ai-c">
                <view class="fs-24 text-color3">查看全部</view>
                <u-icon name="arrow-right" color="#999999" size="10"></u-icon>
            </view>
        </view>
        <view class="w-f b-24">
            <view class="pv-32 ph-32">
                <view>
                    <view class="f ai-c">
                        <image src="../../static/logo.png" class="w-80 h-80 b-80 mr-20"></image>
                        <view>
                            <view class="fs-32 fw-500 text-color4">瞿璐佳</view>
                            <view class="f ai-c mt-2">
                                <view class="fs-24 text-color3">商品评分</view>
                                <view class="f">
                                    <image :src="index < rate - 1 ? star : starSelect" class="w-24 h-24 mr-8" v-for="(item, index) in 5" :key="index"></image>
                                </view>
                                <view class="fs-24 text-color3 ml-20">2020/09/19</view>
                            </view>
                        </view>
                    </view>
                    <view class="mt-24 fs-26 text-color4"
                        >整个产品的消化过程较好，准时且按质了进行交付，消化负责人和消化人员都非常专业，服务态度也比较好，这个产品值得推荐和销售。</view
                    >
                    <view class="f fc-w">
                        <video src="" class="w-152 h-152 b-4 mr-12 mt-12"></video>
                        <image src="../../static/logo.png" class="w-152 h-152 b-4 mr-12 mt-12"></image>
                        <image src="../../static/logo.png" class="w-152 h-152 b-4 mr-12 mt-12"></image>
                        <image src="../../static/logo.png" class="w-152 h-152 b-4 mr-12 mt-12"></image>
                        <image src="../../static/logo.png" class="w-152 h-152 b-4 mr-12 mt-12"></image>
                    </view>
                </view>
                <view class="w-f h-72 b-36 fs-26 fw-600 text-color mt-32 btn f ai-c jc-c">查看全部评价</view>
            </view>
        </view>
    </view>
</template>
<script setup lang="ts">
import { ref } from 'vue';

import star from '@/static/index/star.png';
import starSelect from '@/static/index/star-select.png';
</script>
<style lang="scss" scoped>
.evaluate {
    background: #fff;
    .btn {
        background: #faf5e6;
    }
}
</style>
